博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ECHO.js 纯javascript轻量级延迟加载
阅读量:7046 次
发布时间:2019-06-28

本文共 463 字,大约阅读时间需要 1 分钟。

422101-20160416143632207-1535486545.png

演示

简单的JavaScript图像延迟加载库Echo.js

简单的JavaScript图像延迟加载库Echo.js演示

应用

1.引入js,并初始化

2.给图片附上属性

3.给未加载的图片设置默认背景,动态的gif

.lazy{
width:100%;height:100%;background: url({sh::PUB}img/common/loading.gif) 50% no-repeat;}

很方便,很实用。

要想进一步提升网页打开速度,可以优化上传的图片。

网页慢,无非是,一查询慢,二图片加载慢,三没有使用延迟加载,四图片数据太大。

根据这些原因,逐步解决。

提升用户体验。

本文转自TBHacker博客园博客,原文链接:http://www.cnblogs.com/jiqing9006/p/5398381.html,如需转载请自行联系原作者

你可能感兴趣的文章
是你的,就是你的。越是紧握,越容易失去。
查看>>
[LeetCode] Implement Stack using Queues
查看>>
cherrypy安装使用,配置python环境变量
查看>>
MVC验证12-使用DataAnnotationsExtensions对整型、邮件、最小值、文件类型、Url地址等验证...
查看>>
Source not found
查看>>
【CLRS】《算法导论》读书笔记(一):堆排序(Heapsort)
查看>>
支持类型过滤的枚举器
查看>>
HDU 4275 Color the Tree(树同构)
查看>>
php里Array2xml
查看>>
以boost::function和boost:bind取代虚函数
查看>>
oracle监听器(listener)配置心得
查看>>
wince -- RS485半双工实现
查看>>
nginx 源码学习笔记(二)——nginx精粹-模块
查看>>
DirectX截图黑屏的解决办法
查看>>
Expanding Cat5e LAN segments over 100 metres using OUTREACH Ethernet LAN extenders
查看>>
关于Oracle冷备份与热备份的对比
查看>>
C#条件判断-嵌套if结构
查看>>
Selenium:Hello,World!
查看>>
HibernateTemplate 查询
查看>>
ListView控件的基本操作
查看>>